<template>
  <layout-basic-page>
    <cs-input-rich v-model="richValue" />
  </layout-basic-page>
</template>

<script setup lang="ts">
  import { ref } from 'vue'
  defineOptions({ name: 'Fun2' })

  const richValue = ref(
    '<p id="w-e-element-0" data-slate-node="element"><span id="w-e-text-1" data-slate-node="text"><span data-slate-leaf="true"><span data-slate-string="true" style="color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size: 14px;">胡歌，1982年9月20日出生于上海市徐汇区，中国内地影视男演员、流行乐歌手，</span></span></span><a href="https://baike.baidu.com/item/%E6%B0%91%E7%9B%9F/1971441?fromModule=lemma_inlink" target="_blank" id="w-e-element-2" data-slate-node="element" data-slate-inline="true"><span id="w-e-text-3" data-slate-node="text"><span data-slate-leaf="true"><span data-slate-string="true">民盟</span></span></span></a><span id="w-e-text-4" data-slate-node="text"><span data-slate-leaf="true"><span data-slate-string="true" style="color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size: 14px;">盟员</span></span></span><span id="w-e-text-5" data-slate-node="text"><span data-slate-leaf="true"><sup style="color: rgb(51, 102, 204); background-color: rgb(255, 255, 255); font-size: 12px;"><span data-slate-string="true"> [1]</span></sup></span></span><a href="" target="" id="w-e-element-6" data-slate-node="element" data-slate-inline="true"><span id="w-e-text-7" data-slate-node="text"><span data-slate-leaf="true"><span data-slate-string="true"> </span></span></span></a><span id="w-e-text-8" data-slate-node="text"><span data-slate-leaf="true"><span data-slate-string="true" style="color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size: 14px;"> ，毕业于</span></span></span><a href="https://baike.baidu.com/item/%E4%B8%8A%E6%B5%B7%E6%88%8F%E5%89%A7%E5%AD%A6%E9%99%A2/1736818?fromModule=lemma_inlink" target="_blank" id="w-e-element-9" data-slate-node="element" data-slate-inline="true"><span id="w-e-text-10" data-slate-node="text"><span data-slate-leaf="true"><span data-slate-string="true">上海戏剧学院</span></span></span></a><span id="w-e-text-11" data-slate-node="text"><span data-slate-leaf="true"><span data-slate-string="true" style="color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size: 14px;">表演系。</span></span></span></p>'
  )
</script>

<style lang="scss" src="./index.scss"></style>
